<!--
 * @Description: float
 * @Author: rendc
 * @Date: 2022-09-22 11:17:06
 * @LastEditors: rendc
 * @LastEditTime: 2022-09-22 11:37:55
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>float</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    #main{
      height: 100vh;
    }
    .top{ 
      height:210px;
    }
    #left,#right{ 
      width: 200px;
      height: 200px;
      border: 1px solid skyblue;
    }
    #left{ 
      float: left;
      /* display: inline-block; */
    }
    #right{ 
      float: right;
    }
    /* 文字环绕图片 */
    .txt > img {
      width: 100px;
      float: right;
      margin: 20px;
    }
    .bottom > div{ 
      width: 100px;
      height: 100px;
      border: 1px solid red;
    }
    .one{ 
      float: left;
      background-color: aqua;
    }
    .two{ 
      background-color: greenyellow;
      float: left;
    }
    .three{ 
      /* 清除浮动产生的影响 */
      clear: both;
    }
  </style>
</head>
<body>
  <div id="main">
    <div class="top">
      <div id="left">left</div>
      <div id="right">right</div>
    </div>
    <div class="txt">
      <img src="./img/桂花.jpeg" alt="图片丢失">
      桂花是中国木犀属众多树木的习称，代表物种木犀（学名：Osmanthus fragrans (Thunb.) Lour.），又名岩桂，系木犀科常绿灌木或小乔木，质坚皮薄，叶长椭圆形面端尖，对生，经冬不凋。花生叶腑间，花冠合瓣四裂，形小，其园艺品种繁多，最具代表性的有金桂、银桂、丹桂、月桂等。
桂花是中国传统十大名花之一，集绿化、美化、香化于一体的观赏与实用兼备的优良园林树种，桂花清可绝尘，浓能远溢，堪称一绝。尤其是仲秋时节，丛桂怒放，夜静轮圆之际，把酒赏桂，陈香扑鼻，令人神清气爽。在中国古代的咏花诗词中，咏桂之作的数量也颇为可观。自古就深受中国人的喜爱，被视为传统名花。
以桂花做原料制作的桂花茶是中国特产茶，它香气柔和、味道可口，为大众所喜爱。桂花在园林建设中有着广泛的运用。
    </div>
    <div class="bottom">
      <div class="one">1</div>
      <div class="two">2</div>
      <div class="three">3</div>
    </div>
  </div>
</body>
</html>
